<template>
  <view class="member">
    <view class="m_item t-ju-between">
      <image class="icon" src="../../static/logo.png" mode=""></image>
      <view class="name">
        张三
      </view>
      <view class="m_i_text">
        <view>￥1231</view>
        <view>累计佣金</view>
      </view>
    </view>
    
    <view class="m_item t-ju-between">
      <image class="icon" src="../../static/logo.png" mode=""></image>
      <view class="name">
        张三
      </view>
      <view class="m_i_text">
        <view>￥1231</view>
        <view>累计佣金</view>
      </view>
    </view>
    
    <view class="m_item t-ju-between">
      <image class="icon" src="../../static/logo.png" mode=""></image>
      <view class="name">
        张三
      </view>
      <view class="m_i_text">
        <view>￥1231</view>
        <view>累计佣金</view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style lang="scss" scoped>
  .member {
    .m_item {
      padding: 20rpx 30rpx;
      border-bottom: 2rpx solid #F2F2F2;
      background-color: #fff;

      .icon {
        width: 70rpx;
        height: 70rpx;
        margin-right: 30rpx;
        border-radius: 50%;
      }

      .name {
        font-size: 24rpx;
      }

      .m_i_text {
        font-size: 24rpx;
        line-height: 40rpx;
        text-align: center;
      }
    }
  }
</style>